.orderDetails {
  width: 100vw;
  height: 100vh;
  background-color: #f5f5f5;

  .have-addres {
    width: 100%;
    padding: 20rpx 30rpx;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom: 5px solid;
    border-image: linear-gradient(to right, rgb(207, 78, 78), #578aef) 4;

    .top {
      margin-bottom: 20rpx;

      .phone {
        margin-left: 30rpx;
        color: rgb(233, 140, 140);
      }
    }

    .bottom {
      .address {
        margin-left: 10rpx;
        color: rgb(112, 110, 110);
      }
    }
  }

  .no-address {
    width: 100%;
    background-color: #fff;
    border-bottom: 5px solid;
    border-image: linear-gradient(to right, rgb(207, 78, 78), #578aef) 4;
    .text{
      margin-left: 20rpx;
      font-size: 30rpx;
    }
  }

  .good-list {
    margin-top: 20rpx;
    background-color: #fff;

    .title {
      padding: 10rpx 30rpx;
      border-bottom: 1px solid #eee;
      color: rgb(61, 61, 61);
    }

    .good-class {
      background-color: #fff;
    }

    .price {
      width: 100%;
      color: #616060;
      text-align: right;
      padding: 10rpx 30rpx;
      box-sizing: border-box;

      .num {
        color: #ff495e;
      }
    }
  }

  .order-num {
    margin-top: 20rpx;

    .value {
      color: #ff495e;
    }
  }

}